<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
		<title></title>
		<link rel="stylesheet" type="text/css" href="../common/css/common.css" />
	    <link rel="stylesheet" type="text/css" href="css/shoporder.css"/>
	    <script src="//cdn1.lncld.net/static/js/2.1.2/av-min.js"></script>
		<script src="../common/js/vue.js"></script>
	</head>
	<body>
		<div class="TopDiv">
			<div class="TopDiv-1" v-on:click="back">
				&lt;
			</div>
			<div class="TopDiv-2">
				确认订单
			</div>
		</div>
		<div class="divaddress">
			<input type="text" placeholder="确认一个收货地址"/ v-model="address">
		</div>
		<div class="divshow">
			<div class="divshow1">
				<img v-bind:src="shop.shopimg" />
			</div>
			<div class="divshow2" v-html="shop.shopname">
				
			</div>
		</div>
		<div class="divproduct" v-for="it in product">
			<div class="divproduct1" v-html="it.productname"></div>
			<div class="divproduct2">X<span v-html="it.productnum"></span></div>
			<div class="divproduct2">￥<span v-html="it.productprice"></span></div>
		</div>
		<div class="divpricce">
			配送费￥<span v-html="shop.price"></span>
		</div>
		<div class="divpricce">
			订单费￥<span v-html="shop.total"></span>
		</div>
		<div class="Foot">
			<div class="shopdivFoot1">
				待支付￥<span v-html="morry"></span>
			</div>
			<div class="shopdivFoot2" v-on:click="Settlement">
				确定下单
			</div>
		</div>
	    <script src="js/shoporder.js"></script>
	</body>
</html>
